<style lang="less">
    @import './styles/to-do-list-item.less';
</style>

<template>
    <Row class="to-do-list-item">
        <Col v-for="list in toDoList" span="22" class="height-100">
            <Row type="flex" justify="start" align="middle" class="height-100">
                <p class="to-do-list-item-text" @click="handleHasDid(list.path)">{{ list.title }}</p>
            </Row>
        </Col>
    </Row>
</template>
<script>
export default {
    name: 'toDoListItem',
    data () {
        return {
            toDoList: [
                {
                    title: '查看USDI提现审核',
                    path: 'usbtxsh'
                },
                {
                    title: '查看用户身份审核',
                    path: 'identityIndex'
                },
                {
                    title: '商城管理',
                    path: 'mall_index'
                },
                {
                    title: '管理员管理',
                    path: 'vip'
                }
            ]

        };
    },
    methods: {
        handleHasDid (index) {
            this.$router.push({
                name: index
            })
        }
    }
};
</script>